<!doctype html>
<html>
<head>
	{{template "head" .}}
</head>
<body>
  <header>
    <div class="container ">
      {{template "logo"}}
    </div>
  </header>

  <div id="hero">
    <div class="container">
      <h2>Learn NATS by Example</h2>
      <p>An evolving collection of runnable, cross-client reference examples for <a href="https://nats.io" target=_blank>NATS</a>.</p>

      <pre>$ nbe run messaging/pub-sub/{cli,go,rust,python,deno,...}</pre>

      <div>
        <div>Check out the <a href="https://www.youtube.com/watch?v=GGX0KQuY0zQ" target="_blank">6m intro video</a>, read the <a href="https://github.com/ConnectEverything/nats-by-example#getting-started" target="_blank">getting started guide</a>, or just start browsing the examples below 👇!</a></div>
        <div>Sign-up for the <a href="https://synadia.com/newsletter">NATS Monthly Newsletter</a> to get all the updates!</div>
      </div>
    </div>
  </div>

  <main>
    <div class="container">
      <div class="index-categories">
        {{range .Categories}}
          <div class="category">
            <h2>{{.Title}}</h2>
            <p class="quiet">{{.Description}}</p>
            <ul>
            {{range .ExampleLinks}}
              <li><a href="/{{.Path}}">{{.Label}}</a></li>
            {{end}}
            </ul>
          </div>
        {{end}}
      </div>
    </div>
  </main>

  <footer>
  </footer>
</body>
</html>
